.holdOn {
    position: fixed;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 104px;
    height: 22px;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: PingFangSC-regular;
}

.forgot {
    display: block;
    color: white;
    text-align: center;
    margin-top: 28px;
}

.bgImg {
    width: 100%;
    height: 100%;
    background: url("../../assets/imgs/sign-bg.jpg") no-repeat center / cover;

    .passwordBox {
        width: 100%;

        a {
            margin-top: 29px;
            margin-right: 20px;
            height: 28px;
            color: rgba(255, 255, 255, 1);
            font-size: 20px;
            text-align: center;
            font-family: PingFangSC-regular;
        }
    }

    .tipsCon {
        margin-left: 32px;

        p:nth-child(1) {
            left: 32px;
            top: 124px;
            width: 210px;
            height: 40px;
            color: rgba(255, 255, 255, 1);
            font-size: 28px;
            text-align: left;
            font-family: PingFangSC-bold;
        }

        p:nth-child(2) {
            left: 32px;
            top: 169px;
            width: 250px;
            height: 22px;
            opacity: 0.6;
            color: rgba(255, 255, 255, 1);
            font-size: 16px;
            text-align: left;
            font-family: PingFangSC-regular;
            margin-bottom: 43px;
        }
    }

    .formBox {
        padding-right: 32px;
        width: 100%;

        .phoneBox {
            p {
                height: 50px;
                position: absolute;
                left: 50px;
                top: 0;
                line-height: 50px;
                color: white;
            }

            .phoneTri {
                height: 0;
                width: 0;
                border-top: 12px solid white;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 12px solid transparent;
                position: absolute;
                left: 90px;
                top: 20px;
            }
        }

        .codeBox {
            margin-left: 32px;

            .codeImg {
                width: 123px;
                height: 50px;
                background: rgb(52, 171, 16);
            }
        }

        .phoneIpt {
            padding-left: 17px;
        }

        .codeIpt {
            margin-left: 0;
            width: 213px;
        }

        input {
            left: 32px;
            top: 234px;
            width: 350px;
            height: 50px;
            line-height: 20px;
            margin-left: 32px;
            border-radius: 25px;
            background-color: rgba(255, 255, 255, .5);
            padding-left: 19px;
            margin-bottom: 20px;

            &::placeholder {
                opacity: .7;
                color: white;
            }
        }

        .submitBtn {
            margin-left: 32px;
            width: 350px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            color: white;
            border-radius: 25px;
            letter-spacing: 2px;
            background: rgba(56, 128, 91, .8);
        }
    }
}